<template>
  <div>
    父组件:
    <input type="text"
           v-model="name">
    <br>
    <br>
    <!-- 引入子组件 定义一个on的方法监听子组件的状态-->
    <Child v-on:childByValue="childByValue"></Child>
  </div>
</template>
<script>
import Child from '@/components/Child.vue'
export default {
  components: {
    Child,
  },
  data() {
    return {
      name: '',
    }
  },
  methods: {
    childByValue(childValue) {
      // childValue就是子组件传过来的值
      this.name = childValue
    },
  },
}
</script>